<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<!--标签Logo显示：缺一不可-->
		<link rel="icon" href="img/titlelogo.png"/>
		<title>太原工业学院</title>
		
		<style>
			body{
				background-color: burlywood;
			}
			
			.LoginDiv{
				/**设置大小**/
				width: 550px;
				height: 530px;
				/**背景色**/
				background-color: white;
				
				/**界面居中**/
				margin: 0 auto;
				
				/**内部的所有东西居中**/
				text-align: center;
				
				/**顶部外边距**/
				margin-top: 100px;
				
				/**顶部内边距**/
				padding-top: 30px;
			}
			
			.inputDiv{
				/**设置大小**/
				width: 426px;
				height: 55px;
				
				/**设置外边距**/
				margin-top: 20px;
				
				/**设置边框样式**/
				border: 1px solid dodgerblue;
				/**圆角**/
				border-radius: 10px;
				
				/**文本框左侧内边距**/
				padding-left: 30px;
				
				background-color: transparent;
				
				margin-left: -25px;
			}
			
			.butonDiv{
					width: 350px;
					height: 40px;
					
					background-color: powderblue;
					
					margin-top: 10px;
					
					border: none;
			}
			
			.thirdLogDiv{
				margin-top: 30px;
			}
			
		</style>
	</head>
	<body>
		<div class="LoginDiv">
			<div>
				<img src="img/tit.png" width="350px"/>
			</div>
			
			<h2>研究生管理系统</h2>
			
			<div >
				<img src="img/user.png"><input type="text" placeholder="请输入用户名" class="inputDiv"  />
				<br />
				<img src="img/password.png"><input type="password" placeholder="请输入密码" class="inputDiv"/>
				<br />
				<button class="butonDiv">登录</button>
			</div>
			
			<div class="thirdLogDiv">
				<img src="img/qq.png"/>
				<img src="img/weixin.png"/>
				<img src="img/weibo.png"/>
			</div>
			
			<div style="margin-top: 0.625rem;">
				开发者：刘龙兵<br />
				信息：太原科技大学物联网工程
			</div>
			
		</div>
		
	</body>
</html>